<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/js/customer/dealSeries/list.js"></script>
<script type="text/javascript">
	/*二级联动  */
	$(function() {
		$("#channel").change(
				function() {
					var mark = $("#channel").val();
					//alert(mark);
					$("#type option[value!='']").remove();
					$("#kind option[value!='']").remove();
					if (null != mark && mark != "") {

						$.post("series/getDramaTypes.html?code="
								+ $("#channel").val(), function(data,
								textStatus) {
							var dataObj = eval("(" + data + ")");
							for (var i = 0; i < dataObj.length; i++) {
								var $option = $("<option></option>");
								$option.attr("value", dataObj[i].code);
								$option.text(dataObj[i].name);
								$("#type").append($option);

							}
						});

						$.post("series/getSerieKinds.html?code="
								+ $("#channel").val(), function(data,
								textStatus) {
							var dataObj = eval("(" + data + ")");
							for (var i = 0; i < dataObj.length; i++) {
								var $option = $("<option></option>");
								$option.attr("value", dataObj[i].code);
								$option.text(dataObj[i].name);
								$("#kind").append($option);
							}
						});
					}
					;
				});

		$("#type").change(function() {
			$("#typeName").val($("#type").find("option:selected").text());
		});
		$("#kind").change(function() {

			$("#kindName").val($("#kind").find("option:selected").text());
		});
	});
</script>


<div class="page-header">
	<!--<shiro:hasPermission name="series:add">
	<button id="btnAdd" type="button" onclick="webside.common.addModel('/series/addUI.html')" class="btn btn-primary btn-sm">
	  	<i class="fa fa-user-plus"></i>&nbsp;添加
	</button>
	</shiro:hasPermission>-->
	<shiro:hasPermission name="series:edit">
		<button id="btnEdit" type="button"
			onclick="webside.common.editModel('/dealseries/editUI.html')"
			class="btn btn-success btn-sm">
			<i class="fa fa-pencil-square-o"></i>&nbsp;编辑
		</button>
	</shiro:hasPermission>
	<!--<shiro:hasPermission name="series:deleteBatch">
	<button id="btnDel" type="button" onclick="webside.common.delModel('/series/deleteBatch.html', customSearch)" class="btn btn-danger btn-sm">
		<i class="fa fa-trash-o"></i>&nbsp;删除
	</button>
	</shiro:hasPermission>
	 <shiro:hasPermission name="series:videoList">
	<button id="btnBvide" type="button" onclick="webside.common.editModel('/bvideo/listUI.html')" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;视频列表
	</button>
	</shiro:hasPermission>
	<shiro:hasPermission name="series:editseo">
	<button id="btnBvide" type="button" onclick="webside.common.editModel('/series/editSeoUI.html')" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;seo编辑
	</button>-->
	</shiro:hasPermission> 
	<shiro:hasPermission name="series:online">
	<button id="btnDel" type="button" onclick="webside.common.editDispose('/dealseries/updateStatus.html', customSearch)" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;处理
	</button>
	<!--</shiro:hasPermission>
	<shiro:hasPermission name="series:offline">
	<button id="btnDel" type="button" onclick="webside.common.editStatus1('/series/updateStatus1.html', customSearch)" class="btn btn-info btn-sm">
		<i class="fa fa-gears"></i>&nbsp;下线
	</button>
	</shiro:hasPermission>-->

</div>

<div class="input-group">
	<div style="float: left; margin-right: 50px;">
		<label>名称:</label> <input id="nameKey" type="text" name="name"
			width="10px" placeholder="名称...">
	</div>
	<div style="float: left; margin-right: 50px;">
		<label>主演:</label> <input id="actorKey" type="text" name="actor"
			placeholder="主演...">
	</div>
	<div style="float: left; margin-right: 100px;">
		<label>导演:</label> <input id="directorKey" type="text" name="director"
			placeholder="导演...">
	</div>
	<div style="float: left;">
		<span class="input-group-btn">
			<button id="btnSearch" class="btn btn-primary btn-sm" type="button">
				<i class="fa fa-search"></i> 搜索
			</button>
		</span>
	</div>
	<div style="clear: both; height: 5px"></div>
	<div style="height: 50px; line-height: 50px; font-size: 14px;">
		<div style="float: left; margin-right: 5px;">
			<label>频道:</label> <select id="channel" name='channel'
				style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${channelList}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>分类:</label> <select id="kind" name='kind' placeholder="分类..."
				style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select> <input id="kindName" name="kindName" type="hidden" />
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>类型:</label> <select id="type" name='type' placeholder="类型..."
				style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${list_dramaTypes}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select> <input id="typeName" name="typeName" type="hidden" />
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>地区:</label> <select id="areaKey" name='area'
				placeholder="地区..." style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${areasList}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>语言:</label> <select id="languageKey" name='language'
				style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${languageList}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>年份:</label> <select id="yearKey" name='year'
				placeholder="年份..." style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${yearsList}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>
		<div style="float: left; margin-right: 5px;">
			<label>推荐:</label> <select id="recommendLevelKey"
				name='recommendLevel' placeholder="推荐..."
				style="margin-right: 16px;">
				<option value="">请选择</option>
				<c:forEach items="${PositionList}" var="t">
					<option value="${t.code}">${t.name}</option>
				</c:forEach>
			</select>
		</div>


	</div>
</div>
<div class="row">
	<div class="col-xs-12 widget-container-col ui-sortable"
		style="min-height: 127px;">
		<!-- #section:custom/widget-box.options.transparent -->
		<div class="widget-box transparent ui-sortable-handle"
			style="opacity: 1; z-index: 0;">
			<div class="widget-header">
				<h4 class="widget-title lighter">未处理剧集列表</h4>
				<div class="widget-toolbar no-border">
					<a href="#" data-action="fullscreen" class="orange2"> <i
						class="ace-icon fa fa-arrows-alt"></i>
					</a> <a href="#" data-action="collapse" class="green"> <i
						class="ace-icon fa fa-chevron-up"></i>
					</a>
				</div>
			</div>


			<div class="widget-body" style="display: block;">
				<div class="widget-main padding-6 no-padding-left no-padding-right">
					<input id="id" type="hidden" value="${id}"> <input
						id="seriesId" type="hidden" value="${seriesId}"> <input
						id="pageNum" type="hidden" value="${page.pageNum }"> <input
						id="pageSize" type="hidden" value="${page.pageSize }"> <input
						id="orderByColumn" type="hidden" value="${page.orderByColumn }">
					<input id="orderByType" type="hidden" value="${page.orderByType }">
					<div id="dtGridContainer" class="dlshouwen-grid-container"></div>
					<div id="dtGridToolBarContainer"
						class="dlshouwen-grid-toolbar-container"></div>
				</div>
			</div>
		</div>
	</div>
</div>


